<template>
	<div class="content">
		<RadioGroup v-model="language" vertical>
			<Radio label="简体中文" border class="radio"></Radio>
			<Radio label="繁体中文" border class="radio"></Radio>
		</RadioGroup>
	</div>
</template>

<script>
export default {
	name: 'Language',
	data() {
		return {
			language: localStorage.getItem('language')
		};
	}
};
</script>

<style scoped>
.radio {
	width: 100%;
	font-size: 17px;
}

.content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	width: 100%;
	height: 100px;
	background: rgba(255, 255, 255, 1);
	box-shadow: 5px 7px 49px 5px rgba(44, 137, 234, 0.13);
}
</style>
